<template>
    <section class="register">
        <div class="register-left">
            <div class="register-in">
                <h3>后台登录页面</h3>
                <form action="#" method="post" style="text-align: center;">
                    <div class="fields-grid">
                        <div class="styled-input agile-styled-input-top">
                            <el-input v-model="username" placeholder="用户名" @keyup.enter.native="login"></el-input>
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <el-input v-model="password" type="password" placeholder="密码"
                                      @keyup.enter.native="login"></el-input>
                            <span></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="w3_lgn">
                        <el-button type="primary" v-on:click="login" :loading="loading"><i
                                class="el-icon-arrow-right el-icon&#45;&#45;left"></i>登录
                        </el-button>
                    </div>
                </form>
            </div>
        </div>
        <div class="clear"></div>
        <template>
            <element-dialog :depart="department.visible" :departData="department.data"></element-dialog>
        </template>
    </section>
</template>
<link href="../assets/css/login.css" rel="stylesheet" type="text/css"/>
<script src="../assets/js/login.js"></script>


